<template>
  <div class="idassistant-container">
    <el-card class="main">
      <el-image
        :src="image"
        :preview-src-list="imageList"
        fit="fill"
      >
        <template #error>
          <span class="image_col">
            请联系管理员!
          </span>
        </template>
      </el-image>

    </el-card>
  </div>
</template>

<script setup>
import { onMounted, ref } from "vue";
import { getIdImage } from '@/api/manage/agentmenu/index.js'
const image = ref('')
const imageList = ref([])
const handlegetldlmage = async () => {
  let res = await getIdImage()
  console.log(res);
  if (res.entity) {
    image.value = import.meta.env.VITE_API_HOST + res.entity
    imageList.value.push(image.value)
  }
}

onMounted(() => {
  handlegetldlmage();
});
</script>
<style lang="scss" scoped>
.idassistant-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  .main {
    width: 600px;
    margin-top: 24px;
    border-radius: 16px;
    .el-image {
      width: 100%;
      height: 650px;
      display: flex;
      justify-content: center;
      align-items: center;
      .image_col {
        color: red;
      }
    }
    .el-input {
      margin-top: 16px;
    }
  }
}
</style>